<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
    <!-- src用来保存图片的路径 alt用来保存图片加载失败的替换文字信息-->
    <!-- 相对路径:从当前html文件出发去找图片资源,注意要写完整的图片名! name.suffix
    1) 图片与html文件在同一级目录,直接写图片全名 2.png
    2) 图片在html文件的下一级目录,先写文件夹名,再写文件夹下的图片全名 img/3.png
    3) 图片在html文件的上一级目录,先../回到上一级目录,再写图片全名 ../1.png
    -->
    <img src="2.png" alt="">
    <img src="img/3.png" alt="">
    <img src="../1.png" alt="">
    <img src="1.png" alt="哎呀,图片被外星人偷走了~">

    <!-- 绝对路径：从盘符或协议开始 -->
    <img src="https://img0.baidu.com/it/u=3205472812,3188079941&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=836" alt="">
    <hr>

</body>
</html>